$(function(){
    $(window).on("load", function () {
        //获取购物车商品数量
        $(function () {
            $.ajax({
                url: 'api/getCunt',
                data: {
                    uid: JSON.parse($.cookie("tokenUser") || '{}').uid,
                }
            }).then((res) => {
                if (res.count == null) {
                    $(".qty").hide()
                    $(".cart-count").hide()
                    return;     
                }else if(res.count==0){
                    $(".qty").hide()
                    $(".cart-count").hide()        
                    return;
                }else{
                    $(".qty").show()
                    $(".cart-count").show()
                    $(".qty").text(res.count)
                    $(".cart-count").text(res.count)
                }
            })
        })
    })
})
// 顶部广告
$(function () {
    if ($.cookie("cookie-adv-bar") == null) {
        $(".adv-bar").show()
    }
    $(".btn-clean").on("click", function () {
        $(this).parents(".adv-bar").hide()
        $.cookie("cookie-adv-bar", "true")
    })
})

// 让所有品牌现  需要给a标签一个class
$(function () {
    // 进入a标签出现 离开消失
    $(".mya1").on("mouseenter", function () {
        $(".home-brand-layer").show()
    }).on("mouseleave", function () {
        $(".home-brand-layer").hide()
    })

    $(".home-brand-layer").on("mouseenter", function () {
        $(this).show()
    }).on("mouseleave", function () {
        $(this).hide()
    })
})

// 文字轮播
$(function () {
    var timer1 = 0;

    function lunbotxt() {
        $(".lunbotutxt").children().eq(0).clone(true).appendTo($(".lunbotutxt"))
        $(".lunbotutxt").children().eq(0).animate({
            "marginTop": -40,
        }, 300, function () {
            $(".lunbotutxt").children().eq(0).remove()
        })
    }
    timer1 = setInterval(function () {
        lunbotxt()
    }, 5000)
})

// 图片显现
$(function () {
    $(".category").on("mouseenter", function () {
        $(this).children(".pdd-box").stop().animate({
            "top": 20
        }, 500)
    }).on("mouseleave", function () {
        $(this).children(".pdd-box").stop().animate({
            "top": 340
        }, 1)
    })
})


// 图片轮播1
$(function () {
    var flag = true;
    var timer1 = 0;
    // 克隆一个图片
    var $cloneLi = $("#lunbotu_1>ul>li").eq(0).clone(true);
    // 添加到最后面
    $("#lunbotu_1>ul").append($cloneLi);
    //动态创建小圆点
    for (var i = 0; i < 5; i++) {
        $("#lunbotu_1>ol").append("<li></li>")
    }
    //默认第一张图小圆点是粉色
    $("#lunbotu_1>ol>li").eq(0).addClass("current").siblings().removeClass()
    //自动轮播
    var imgIndex = 0;
    var tmpIndex = 0;
    // autoPlay()
    function autoPlay() {
        if (flag == false) {
            return;
        }
        flag = false;
        clearInterval(timer1)
        imgIndex++;
        tmpIndex++
        // 让图片重新回到原来的位置
        if (imgIndex > 5) {
            imgIndex = 1;
            $("#lunbotu_1>ul").css("left", 0)
        }
        // 让点回到原来的位置
        if (tmpIndex > 4) {
            tmpIndex = 0;
        }
        // 设置圆点样式
        $("#lunbotu_1>ol>li").eq(tmpIndex).addClass("current").siblings().removeClass()
        // 动画开始
        $("#lunbotu_1>ul").stop().animate({
            left: -imgIndex * $("#lunbotu_1>ul>li").eq(imgIndex).width()
        }, function () {
            flag = true;
        })
        timer1 = setInterval(autoPlay, 6000)
    }
    // 开始自动播放
    timer1 = setInterval(autoPlay, 6000)
    //事件委托
    $("#lunbotu_1>ol").on("click", "li", function () {
        tmpIndex = imgIndex = $(this).index() - 1;
        autoPlay()
    })
})

// 今日特卖倒计时  // var time = 1000 * 60 * 60 * 24 
$(function () {
    // 设置倒计时结束  时间 
    var cuttime= Date.parse("2019/11/30 23:12:12:000");
    //当前时间   // Date.now()
   
    //设置倒计时
    var time=cuttime-Date.now()
    // 设置定时器
        setInterval(function(){
        time=time-10;
        var Seconds=parseInt(time/1000)%60;
            if(Seconds<=9){
                Seconds="0"+Seconds
            }
        var Minutus=parseInt(time/(1000*60))%60;
        if(Minutus<=9){
            Minutus="0"+Minutus
        }
        var Hours=parseInt(time/(1000*60*60))%24;
        if(Hours<=9){
            Hours="0"+Hours
        }

        $(".countdown").children().eq(1).text(Hours)
        $(".countdown").children().eq(3).text(Minutus)
        $(".countdown").children().eq(5).text(Seconds)

        $(".time-down").text(`特卖剩余 ${Hours}:${Minutus}:${Seconds}`)
    },10)
})

// 回到顶部
$(function () {
    $('#returnTop').click(function () {
        $("html").animate({
            scrollTop: 0
        });
    });

})

//侧边栏出现   1180
$(function () {
    // $(window).on("scoll",function(){
    //     console.log($(window).scrollTop())
    // })
    $(window).scroll(function () {
        // console.log($(window).scrollTop())

        if ($(window).scrollTop() >= 1045) {
            $(".nav-left, .right-nav").show()
        } else {
            $(".nav-left, .right-nav").hide()
        }
    })


})

// 侧边栏样式切换
$(function () {
    $(window).scroll(function () {

        if ($(window).scrollTop() >= 1045 && $(window).scrollTop() < 1479) {
            $(".nav-left>ul>li").eq(0).addClass("active").siblings().removeClass("active")
        } else if ($(window).scrollTop() >= 1479 && $(window).scrollTop() < 2289) {
            $(".nav-left>ul>li").eq(1).addClass("active").siblings().removeClass("active")
        } else if ($(window).scrollTop() >= 2289 && $(window).scrollTop() < 2781) {
            $(".nav-left>ul>li").eq(2).addClass("active").siblings().removeClass("active")
        } else if ($(window).scrollTop() >= 1045 && $(window).scrollTop() < 3313) {
            $(".nav-left>ul>li").eq(3).addClass("active").siblings().removeClass("active")
        } else if ($(window).scrollTop() >= 1045 && $(window).scrollTop() < 3839) {
            $(".nav-left>ul>li").eq(4).addClass("active").siblings().removeClass("active")
        } else if ($(window).scrollTop() >= 3839) {
            $(".nav-left>ul>li").eq(5).addClass("active").siblings().removeClass("active")
        }

    })
    // 1045 
    //1479
    //2289
    //2781
    //3313
    //3839
})

// 轮播图2 左右焦点轮播 
$(function () {
    // // oLis
    // $(".lunbotu>ul>li")
    // //左箭头
    // $(".swiper-button-prev")
    // //右箭头
    // $(".swiper-button-prev")
    // 渲染
    $(".lunbotu_2>ul>li").each(function (index, el) {
        $(".lunbotu_2>ul>li").eq(index).animate({
            left: index * 587,
        }, 1)
    })
    var flag = true;
    // 右箭头
    $(".swiper-button-next").on("click", function () {
        if (flag) {
            flag = false;
            $(".lunbotu_2>ul>li").each(function (index, el) {
                // 让所有图片往前移动一个li的距离
                $(".lunbotu_2>ul>li").eq(index).animate({
                    left: $(".lunbotu_2>ul>li").eq(index).position().left - 587,

                }, 300, function () {
                    flag = true;
                    // 运动完成后
                    if ($(".lunbotu_2>ul>li").eq(index).position().left == -587) {
                        // $(".lunbotu_2>ul>li").eq(index).css("left",587*5)
                        $(".lunbotu_2>ul>li").eq(0).clone().appendTo($(".lunbotu_2>ul"));
                        $(".lunbotu_2>ul>li").eq(5).css({
                            left: 587 * 4
                        })
                        $(".lunbotu_2>ul>li").eq(0).remove()
                    }
                })
            })
        }


    })
    // 左箭头
    $(".swiper-button-prev").on("click", function () {
        if (flag) {
            flag = false;
            // 先克隆 最后一个到第一个
            $(".lunbotu_2>ul").prepend($(".lunbotu_2>ul>li").eq(4).clone())
            $(".lunbotu_2>ul>li").eq(0).css({
                left: -587
            })
            $(".lunbotu_2>ul>li").each(function (index, el) {

                $(".lunbotu_2>ul>li").eq(index).animate({
                    left: $(".lunbotu_2>ul>li").eq(index).position().left + 587,
                }, 300, function () {
                    flag = true
                    //   删掉最后一个
                    $(".lunbotu_2>ul>li").eq(5)
                })
            })
        }
    })
})

//注销
$(function(){
    
    $(".tuichulink").on("click",function(){
        // $(".cart-count").hide();
        // $(".qty").hide();
            $(function(){
                $.ajax({
                    url:"api/quit",  
                })
            })
            layer.msg("退出成功",{time:777},function(){
                parent.location.reload()
            })
         
            return false;
    })
})

// 显示用户名
$(function(){
    if($.cookie("tokenUser")!=null||$.cookie("tokenUser")!=undefined){
        $(".hitext").text("Hi, "+JSON.parse($.cookie("tokenUser") || '{}').uname)
        $(".loginlink").hide()
        $(".reglink").hide()
        $(".tuichulink").show()
    }else{
        $(".hitext").text("Hi,欢迎来到莎莎网 ")
        $(".loginlink").show()
        $(".reglink").show()
        $(".tuichulink").hide()
    }
})

$(function () {

    // $(window).load(function () {
        $("img").lazyload({
            // placeholder: "./打包/loading.gif", //用图片提前占位
            // placeholder,值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位图则会隐藏
            effect: "fadeIn", // 载入使用何种效果
            // effect(特效),值有show(直接显示),fadeIn(淡入),slideDown(下拉)等,常用fadeIn
            threshold: 1, // 提前开始加载
            // threshold,值为数字,代表页面高度.如设置为200,表示滚动条在离目标位置还有200的高度时就开始加载图片,可以做到不让用户察觉
            event: 'scroll', // 事件触发时才加载
            // event,值有click(点击),mouseover(鼠标划过),sporty(运动的),foobar(…).可以实现鼠标莫过或点击图片才开始加载,后两个值未测试…
            // container: $("body"), // 对某容器中的图片实现效果
            // container,值为某容器.lazyload默认在拉动浏览器滚动条时生效,这个参数可以让你在拉动某DIV的滚动条时依次加载其中的图片
            failurelimit: 150 // 图片排序混乱时
            // failurelimit,值为数字.lazyload默认在找到第一张不在可见区域里的图片时则不再继续加载,但当HTML容器混乱的时候可能出现可见区域内图片并没加载出来的情况,failurelimit意在加载N张可见区域外的图片,以避免出现这个问题.
        })
    // })
    // $(window).triggerHandler("scroll")
    // $(window).triggerHandler("load")
    })

//     // 当从登录页面跳转过来console.log()
// console.log(JSON.parse($.cookie("tokenUser") || '{}'))
// if(JSON.parse($.cookie("tokenUser") || '{}').uid!=undefined){

// }

